<template>
  <div class="business-info-main">
    <div class="business-info-main-title" style="background: #fff;">
      <Row>
        <i-col span="3" style="background: rgba(45, 140, 240, 0.5)"><h3>Card</h3></i-col>
        <i-col span="21" style="background: rgba(45, 140, 240, 1)"><h3>生活号</h3></i-col>
      </Row>
    </div>
    <div class="business-info-main-table">
      <div class="business-info-main-table-title">
        <Row>
          <i-col span="3" class="cTitle">到站提醒</i-col>
          <i-col span="6" class="cTitle">生活号名称、样式</i-col>
          <i-col span="15" class="cTitle">
            <Row>
              <i-col span="12" class="cTitle mincTitle boderBottom">菜单一</i-col>
              <i-col span="12" class="cTitle mincTitle rmCtitleBorder boderBottom">菜单二</i-col>
            </Row>
            <Row>
              <i-col span="5" class="cTitle mincTitle">名称</i-col>
              <i-col span="7" class="cTitle mincTitle">链接</i-col>
              <i-col span="5" class="cTitle mincTitle">名称</i-col>
              <i-col span="7" class="cTitle mincTitle rmCtitleBorder">链接</i-col>
            </Row>
          </i-col>
        </Row>
      </div>
      <div class="business-info-main-table-body">
        <Row>
          <!--1-->
          <i-col span="3" class="cBody lifeH">
            <div class="life-info">
              <div class="info-title">按钮1名称:</div>
              <Input placeholder="请输入..."></Input>
            </div>
            <div class="life-info">
              <div class="info-title">按钮1名称:</div>
              <Input placeholder="请输入..."></Input>
            </div>
            <div class="life-info">
              <div class="info-title">按钮1名称:</div>
              <Input placeholder="请输入..."></Input>
            </div>
            <div class="life-info">
              <div class="info-title">按钮1名称:</div>
              <Input placeholder="请输入..."></Input>
            </div>
          </i-col>
          <!--2-->
          <i-col span="6" class="cBody lifeH">
            <div class="card cardL">左侧图片</div>
            <div class="card cardR">
              <h4>武汉公交集团生活号</h4>
              <h4>1、头像设置</h4>
              <div class="cardUpload">
                <label for="uploadCardImage" class="uploadBtn">更换图片</label>
                <input type="file" id="uploadCardImage" ref="uploadCardImage" style="display: none;"/>
              </div>
              <h4>2、背景设置</h4>
              <div class="cardUpload">
                <label for="uploadCardImage" class="uploadBtn">更换图片</label>
                <input type="file" id="uoadCardImage" ref="uploadCardImage" style="display: none;"/>
              </div>
            </div>
          </i-col>
          <!--3-->
          <i-col span="15" class="cBody lifeH">
            <!--1-->
            <Row>
              <i-col span="5" class="lifeT">
                <Row>
                  <i-col span="24" class="cBody">刷码乘车</i-col>
                </Row>
              </i-col>
              <i-col span="7" class="lifeT">
                <Row>
                  <i-col span="24" class="cBody">23</i-col>
                </Row>
              </i-col>
              <i-col span="5" class="lifeT">
                <Row>
                  <i-col span="24" class="cBody">咨询反馈</i-col>
                </Row>
              </i-col>
              <i-col span="7" class="lifeT">
                <Row>
                  <i-col span="24" class="cBody">23</i-col>
                </Row>
              </i-col>
            </Row>
            <!--2-->
            <Row>
              <i-col span="24" class="LTitle">
                <Row>
                  <i-col span="12" class="LTitle mincTitle boderBottom">菜单三</i-col>
                  <i-col span="12" class="LTitle mincTitle rmCtitleBorder boderBottom">菜单四</i-col>
                </Row>
                <Row>
                  <i-col span="5" class="LTitle mincTitle">名称</i-col>
                  <i-col span="7" class="LTitle mincTitle">链接</i-col>
                  <i-col span="5" class="LTitle mincTitle">名称</i-col>
                  <i-col span="7" class="LTitle mincTitle rmCtitleBorder">链接</i-col>
                </Row>
              </i-col>
            </Row>
            <!--2-->
            <Row>
              <i-col span="5" class="lifeT">
                <Row>
                  <i-col span="24" class="cBody rmCbodyBorder">开通线路</i-col>
                </Row>
              </i-col>
              <i-col span="7" class="lifeT">
                <Row>
                  <i-col span="24" class="cBody rmCbodyBorder">23</i-col>
                </Row>
              </i-col>
              <i-col span="5" class="lifeT">
                <Row>
                  <i-col span="24" class="cBody rmCbodyBorder">某某某某</i-col>
                </Row>
              </i-col>
              <i-col span="7" class="lifeT">
                <Row>
                  <i-col span="24" class="cBody rmCbodyBorder">23</i-col>
                </Row>
              </i-col>
            </Row>
          </i-col>
        </Row>
      </div>
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
  export default {}
</script>
